.detail-content {
    background-color: white;
    width: 100%;
    overflow-y: scroll;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.detail-content-menu {
    width: 90%;
    margin: 9px auto;
    height: 33px;
    display: flex;
    align-items: center;
}

.detail-content-menu li {
    border-radius: 6px;
    width: 50%;
    display: flex;
    align-items: center;
    height: 33px;
    cursor: pointer;
    transition: .4s;
    justify-content: center;
}

.detail-content-menu li:hover {
    background: #67A1F9;
    color: white;
}

.detail-content-menu-active {
    background: #67A1F9;
    color: white;
}

.detail-content-menu-deactive {
    background: #F5F5F5;
    color: #676767;
}

.detail-content-list-wrap {
    width: 90%;
    margin: 9px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.detail-content-list {
    display: flex;
    flex-direction: column;
    width: 49%;
    margin-top: 10px;
    height: 102px;
    background: #F5F5F5;
    border-radius: 6px;
}

.detail-content-list-title {
    margin-top: 14px;
    margin-left: 14px;
}

.detail-content-list-subtitle {
    margin-left: 16px;
    margin-top: 7px;
    color: #8C8C8C;
}